        <footer itemscope itemtype="http://schema.org/WPFooter"><div id="footer" class="container" >
            <div class="footer columns sixteen bg_brun" align="center"><a href="http://www.pigxel-web.com" target="_blank" title="Une agence de communication à votre écoute">Pigxel Web</a> &copy; 2014 - 
                <?php echo $this->getNavigation('footer'); ?>
        </div></footer>
<!-- popup -->
        <!-- réservation -->
        <div id="reservation" class="popup bg_brun_60" style="display: none;">
            <div class="container">
                <div id="container_reservation" class="gris columns twelve offset-by-two">
                    <form method="post" action="" class="bg_blanc">
                        <div class="fond">
                            <div class="close gris">x fermer</div>
                            <div class="columns ten offset-by-one alpha">
                                <div class="brun gros-titre">Réserver en ligne</div>
                            </div>
                            <div id="step1" style="display: none;">
                                <div class="columns ten offset-by-one alpha">
                                    <div class="gris">Nombre de personnes : <input id="nombre_personne" name="nombre_personne" value="" /></div>
                                </div>
                                <div id="jour" class="columns five offset-by-one alpha">
                                    <div class="bg bg_vert">
                                        <div class="navigation_calandar">
                                            <div style="margin-bottom: -16px;"><span class="current"></span></div>
                                            <div class="left" style="position: relative;"><span class="prev"></span></div>
                                            <div class="right" style="position: relative;"><span class="next"></span></div>

                                        </div>
                                        <table class="calandar">
                                            <thead>
                                                <tr>
                                                    <th>L</th>
                                                    <th>M</th>
                                                    <th>M</th>
                                                    <th>J</th>
                                                    <th>V</th>
                                                    <th>S</th>
                                                    <th>D</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                            <tfoot></tfoot>
                                        </table>
                                    </div>
                                </div>
                                <div id="heure" class="columns five">
                                    <div class="bg bg_vert">
                                        <div class="navigation_calandar text-center">heure</div>
                                        <div style="float: left; width: 50%; margin: 0;">
                                            <table class="calandar heure-midi">
                                                <thead>
                                                    <tr>
                                                        <th>Midi</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr><td><span>12:00</span></td></tr>
                                                    <tr><td><span>12:30</span></td></tr>
                                                    <tr><td><span>13:00</span></td></tr>
                                                    <tr><td><span>13:30</span></td></tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div style="float: left; width: 50%; margin: 0;">
                                            <table class="calandar heure-soir">
                                                <thead>
                                                    <tr>
                                                        <th>SOIR</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr><td><span>19:00</span></td></tr>
                                                    <tr><td><span>19:30</span></td></tr>
                                                    <tr><td><span>20:00</span></td></tr>
                                                    <tr><td><span>20:30</span></td></tr>
                                                    <tr><td><span>21:00</span></td></tr>
                                                    <tr><td><span>21:30</span></td></tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="columns five offset-by-six alpha">
                                    <div class="btn_reserver bg_brun blanc text-center lobster" onclick="javascript:reservationGoStep('2');">Réserver</div>
                                </div>
                            </div>
                            <div id="step2" style="display: none;">
                                <div class="columns ten offset-by-one alpha">
                                    <p>Réservation pour le : <span class="recap recap_jour"></span> à <span class="recap recap_heure"></span> pour <span class="recap recap_nbr_pers"></span></p>
                                </div>
                                <div class="columns ten offset-by-one alpha">
                                    <div style="margin-bottom: 12px;"><p class="label_resa">Nom : </p><input id="nom_resa" class="resa_input" type="text" name="nom_resa" /></div>
                                    <div style="margin-bottom: 12px;"><p class="label_resa">Email : </p><input id="email_resa" class="resa_input" type="text" name="email_resa" /></div>
                                    <div style="margin-bottom: 12px;"><p class="label_resa">Téléphone : </p><input id="tel_resa" class="resa_input" type="text" name="tel_resa" /></div>
                                </div>
                                <div class="columns five offset-by-six alpha">
                                    <div class="btn_reserver bg_brun blanc text-center lobster" onclick="javascript:reservationGoStep('3');">Valider</div>
                                </div>
                            </div>
                            <div id="step3" style="display: none;">
                                <div class="columns ten offset-by-one alpha">
                                    <p>Réservation pour le : <span class="recap recap_jour"></span> à <span class="recap recap_heure"></span> pour <span class="recap recap_nbr_pers"></span></p>
                                    <p>Réservation au nom de : <span class="recap recap_nom"></span></p>
                                    <p>Informations : <span class="recap recap_tel"></span><span class="separateurInformations"> - </span><span class="recap recap_mail"></span></p>
                                    <p>
                                        <span class="confirmByMail">Un e-mail vous a été envoyé pour la confirmation de votre réservation.</span>
                                        <br/>
                                        <br/>
                                        &Agrave; bient&ocirc;t,<br/>
                                        l'equipe Pigxel Web
                                    </p>
                                </div>
                                <div class="columns five offset-by-six alpha">
                                    <div class="btn_reserver bg_brun blanc text-center lobster" onclick="javascript:closePopup();">Fermer</div>
                                </div>
                            </div>
                            <div class="clear">&nbsp;</div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- site travaux -->
        <div id="maintenance" class="popup bg_brun_60" style="display: none;">
            <div id="container_maintenance" class="container_popup gris">
                <div class="close gris">x fermer</div>
                <div style="padding: 0 20px;">
                    <div class="brun gros-titre">Site en maintenance</div>
                    <p>Le site est actuellement en maintenance</p>
                </div>
            </div>
        </div>
        <!-- ajaxloader -->
        <div id="ajax_loader">Chargement...</div>
<!-- fin popup -->        
    </body>
</html>